<template>
    <div id="LogDetail" class="common-detail">
        <Breadcrumb />
        <div class="container">
            <div class="detail-con">
                <div class="detail-item">
                    <div class="item-label">所在模块：</div>
                    <div class="item-value">{{detailData.moduleName}}</div>
                </div>
                <!-- <div class="detail-item">
                    <div class="item-label">操作类型：</div>
                    <div class="item-value">{{detailData.type}}</div>
                </div> -->
                <div class="detail-item">
                    <div class="item-label">IP：</div>
                    <div class="item-value">{{detailData.ip}}</div>
                </div>
                <div class="detail-item">
                    <div class="item-label">用户：</div>
                    <div class="item-value">{{detailData.userName}}</div>
                </div>
                <div class="detail-item">
                    <div class="item-label">创建时间</div>
                    <div class="item-value">{{detailData.loginTime}}</div>
                </div>
                <div class="detail-item">
                    <div class="item-label">操作：</div>
                    <div class="item-value">{{detailData.operation}}</div>
                </div>
            </div>
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Vue, Watch } from 'vue-property-decorator'
import util from '@/util/util'

@Component
export default class LogDetail extends Vue {
    detailData: any = {}

    get id () {
        return this.$route.query.id
    }

    init () {
        this.getLogDetail()
    }
    getLogDetail () {
        let data = {
            id: this.id
        }
        this.$api.systemLoginLogDetailFetch(data).then((res: any) => {
            this.detailData = res.data
        })
    }
}
</script>

<style lang="scss">

</style>
